<template>
	<view>
		<view class="header">
			<view>
			<image class="iconBlack" src="/static/image/icon_cha.png" alt="">已有{{goodsList.length}}个行程</image>	
			</view>
			 <view>
			 	<image class="iconGrey" src="/static/image/77.png" alt="">历史</image> 
			 </view>
		</view>
		
		
		
		<view class="list">
			<list-item clss="list-item">
				<CookItemV2 :cookdata="item" v-for="item in cookList"></CookItemV2>
			</list-item>
		</view>
	</view>
</template>

<script>
	import CookItemV2 from "../../uni_modules/cook-itemV2/cook-itemV2.vue"
	
	import {
		goodslist
	} from "../../mock/goods.json"
	export default {
		components: {
			CookItemV2
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.header{
		padding-left: 30rpx;
		padding-right: 30rpx;
		display: flex;
		justify-content: space-between;
		.iconBlack{
			width: 30rpx;
			height: 30rpx;
		}
		.iconGrey{
			width: 30rpx;
			height: 30rpx;
			color: #ccc;
		}
		}
		.list{
			padding: 30rpx;
			margin: 20rpx;
			box-sizing: border-box;
			box-shadow: 3rpx 3rpx 10rpx #ccc;
			.list-item{
				.img{
					width: 100%;
					height: 375rpx;
					border-radius: 20rpx;
					
				}
				.contert{
					display: flex;
				}
			}
		}
		.icon{
			width: 30rpx;
			height: 30rpx;
		}
	
</style>
